<script setup>
import {defineProps,ref} from "vue"
let el=defineProps(["obj1"])
// console.log(el.obj1)
</script>

<template>
<div class="inner">
    <div class="box11">
       <div  class="shaw" ></div>
       <img :src="suburl+el.obj1.img" alt="">
    </div>
       <p class="span1">{{el.obj1.title}}</p>
       <p>{{el.obj1.name}}</p>
    </div>
    
</template>

<style scoped lang="scss">
.inner{
    width: 135px;
    height: 206px;
    margin-left:25px;
    margin-top:15px;
    .box11{
     position: relative;
      width: 135px;
        height: 135px;
        cursor: pointer;
     .shaw{
        width: 135px;
        height: 135px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: black;
        opacity: 0.5;
        // z-index: 10000;
        display:none
        // visibility: hidden;
    }
   img{
       width: 135px;
       height: 135px;
   }
    }
    .box11:hover .shaw{
        display:block

    }
   
   .span1{
       font-size: 14px;
       color: #138A64;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
   }
   p{
       color: #999999;
       font-size: 13px;
       overflow: hidden;
       text-overflow: ellipsis;
        white-space: nowrap;
        margin: 8px;
   }
}

</style>
